.grid-content {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0;
  min-width: 100px;

  &.selected {
    background-color: rgba(#3f51b5, 70%);
    color: #fff;
  }

  &.f-end>div {
    align-items: flex-end;
  }

  .host {
    border-bottom: 1px solid #999;
  }

  &.col-line {
    border-right: 1px dashed #999;
  }

  .arrow {
    border-bottom: 2px solid;
    position: relative;
    width: 100%;
    min-width: 100%;
    max-width: 100%;

    &::before {
      content: "";
      border: 7px solid transparent;
      border-left: 14px solid;
      position: absolute;
      right: -8px;
      bottom: -7.5px;

    }

    &.left {
      &:before {
        content: "";
        border: 7px solid transparent;
        border-right: 14px solid;
        position: absolute;
        right: initial;
        left: -8px;
        bottom: -7.5px;
      }
    }
  }

  &.item {
    // background-color: lightgreen;
    cursor: pointer;
  }

  .item-element {
    flex: 1;
    text-align: center;
    max-width: 100%;

  }

  span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 0.8em;
  }
}
